<template>
  <div>
    <el-switch
      v-model="form.status1"
      active-text="按月付费"
      inactive-text="按年付费"
    >
    </el-switch>
    <p></p>
    <el-switch
      v-model="form.status2"
      active-color="#13ce66"
      inactive-color="#eee"
    >
    </el-switch>
    <p></p>
    <el-switch
      v-model="form.status3"
      active-text="按月付费"
      active-color="#13ce66"
      active-value="1"
      inactive-color="#eee"
      inactive-value="0"
      inactive-text="按年付费"
    >
    </el-switch>
    <p></p>
    <el-button @click="aa">点击1</el-button>
    <el-button @click="bb">点击2</el-button>
    <el-button @click="cc">点击3</el-button>
  </div>
</template>
>

<script>
export default {
  data() {
    return {
      form: {
        status1: true,
        status2: false,
        status3: "1",
      },
    };
  },
  methods: {
    aa() {
      console.log("this.form.status1", this.form.status1);
    },
    bb() {
      console.log("this.form.status2", this.form.status2);
    },
    cc() {
      console.log("this.form.status3", this.form.status3);
    },
  },
};
</script>
